<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星途影视</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/invest-details.css">
</head>
<body>
    <!--HEADER-->
    <div id="header">
        <p class="header-content">投资详情</p>
        <span class="back">&lt;</span>
    </div>
    <!--main-->
    <div class="project-infro">
        <div class="project-img" style="background: url('img/ad01.png') center center/cover no-repeat"></div>
        <p class="project-name">《忠犬大营救》</p>
        <div class="project-invest-descript">
            <div class="gm">
                <p class="name">项目规模</p>
                <p class="val">¥<span>3600</span>万元</p>
            </div>
            <div class="sy">
                <p class="name">日化收益</p>
                <p class="val"><span>1.38</span>%</p>
            </div>
            <div class="zq">
                <p class="name">投资周期</p>
                <p class="val"><span>7</span>个自然日</p>
            </div>
        </div>
        <ul class="project-invest-infro">
            <li>还款方式：<span>按日付收益，到期还本</span></li>
            <li>起投金额：<span>10000元</span></li>
            <li>担保机构：<span>太平洋国际金融</span></li>
            <li>投资零风险：<span>保障本金</span></li>
        </ul>
        <div class="project-jd">
            <div class="project-jd-now"></div>
        </div>
        <p class="project-jd-val">60%</p>
    </div>
    <!--分割线-->
    <div class="line"></div>
    <div class="invest-details">
        <p class="head">投资详情</p>
        <table>
            <tr>
                <td class="name">投资项目</td>
                <td class="val">《忠犬大营救》</td>
            </tr>
            <tr>
                <td class="name">项目金额</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">日收益率</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">起投资金</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">项目期限</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">收益计算</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">还款方式</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">结算时间</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">可投金额</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">资金用途</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">安全保障</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">项目描述</td>
                <td class="val"></td>
            </tr>
        </table>
        <table class="mt_6">
            <tr>
                <td class="name">电影名称</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">导演</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">主演</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">上映时间</td>
                <td class="val"></td>
            </tr>
            <tr>
                <td class="name">投资占有金额</td>
                <td class="val"></td>
            </tr>
        </table>
        <p class="project-jq-title">剧情</p>
        <p class="project-jq-content">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cupiditate dolores ex fugit impedit iusto magni nulla optio sequi. Aliquam aliquid autem beatae ex fuga laborum obcaecati quas quos sequi?
        </p>
    </div>
    <div class="line"></div>
    <div class="invest-btn">
        <a href="#">马上投资</a>
    </div>

<script src="js/fontSize.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="js/main.js"></script>
<script>
    var rate = $(".project-jd-val").text();
    $(".project-jd-now").width(rate);
</script>
</body>
</html>